$(function () {
    const { layer } = layui;
    getUserInfo();
    //点击退出事件
    $('#btn-logout').on('click', function () {
        // console.log('退出');
        layer.confirm('确认退出登录吗？', {icon: 3, title:'提示'}, function(index){
            //清除
            localStorage.removeItem('token')

            //跳转到登录页面
            location.href='/login.html'
            layer.close(index);
          });
    })
})

//挂载在window上 可以访问
function getUserInfo() {
    //获取用户信息
    $.ajax({
        type: 'GET',
        url: '/my/userinfo',
        success(res) {
            console.log(res);
            if (res.status !== 0) {
                return layer.msg(res.message || '获取用户信息失败')
            }
            randerAvatar(res.data)
        }
    })
}

//渲染头像
function randerAvatar(user) {
    const name = user.nickname || user.username;
    $('#welcome').html('欢迎&nbsp;&nbsp;'+name);

    //判断显示图片头像还是文字头像
    if (user.user_pic) {
        //有图片头像
        $('.layui-nav-img').attr('src', user.user_pic).show();
        $('.text-avatar').hide();
    } else {
        //有文字头像
        $('.layui-nav-img').hide();
        const firstName = name[0].toUpperCase();
        $('.text-avatar').html(firstName);
    }
}